<template>
	<ul class="like-list">
		<li class="border-bottom" v-for="(item,index) in PlayList">
			<div class="item-img">
				<img :src="item.playimg" />
			</div>
			<div class="list-item">
				<p class="item-til">{{item.playtil}}</p>
				<p>
					<span class="num">已售{{item.num}}件</span>
					<span style="float: right;"><samp class="money">￥{{item.price}}</samp>元起</span>
				</p>
			</div>
		</li>
	</ul>
</template>

<script>
	export default{
		props: ['PlayList'],
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped>
	.header-like{
		width: 100%;
		background-color: white;
		font-size: 0.28rem;
		padding-bottom: 1rem;
	}
	.border-bottom{
		border-bottom: 1px solid #CCCCCC;
		height: 2.5rem;
		padding: 0.2rem;
	}
	.list-item{
		font-size: 0.3rem;
		line-height: 0.6rem;
	}
	.num{
		color: #CCCCCC;
		font-size: 0.28rem;
	}
	.item-til{
		font-weight: bold;
		font-size: 0.4rem;
	}
	.money{
		color: #FF4500;
		font-size: 0.3rem;
	}
	.item-img img{
		width: 30%;
		float: left;
	}
</style>
